@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */

/*地图样式结束*/
@charset "utf-8";
/* CSS Document */
/*地图样式开始*/
.citymap_left {
    width: 75%;
    height: 100%;
    float: left;
    padding-bottom: 66px;


}

#provinciallmap {
    height: 100%;
    width: 100%;
}

#streetmap {
    height: 100%;
    width: 100%;
}

#municimap {
    height: 100%;
    width: 100%;
}

#district-map {
    height: 100%;
    width: 100%;
}

#citymap {
    height: 100%;
    width: 100%;

}

/*地图样式结束*/
/*三角下拉箭头*/
.ivu-icon-arrow-down-b:before {
    content: "";
    background: url("../images/drowdown.png");
    width: 8px;
    height: 5px;
    display: block;
    background-size: cover;
}

.peripheralhandoff .ivu-icon-arrow-down-b:before {
    content: "";
    background: url("../images/white-select.png");
    width: 8px;
    height: 5px;
    display: block;
    background-size: cover;
}

.city_top .ivu-select-arrow, .peripheralhandoff .ivu-select-arrow {
    margin-top: -2.5px;
}

.peripheralhandoff .ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    color: #fff;
    border-radius: 4px;
}

.peripheralhandoff .ivu-select-small.ivu-select-single .ivu-select-selection {
    border-radius: 4px;

}

.peripheralhandoff .ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .peripheralhandoff .ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    line-height: 24px;
    margin-left: 6px;
}

.peripheralhandoff .ivu-select-dropdown-list {
    text-align: center;
}

.maskWrap {
    width: 100%;
    z-index: 999;

}

.city_top .ivu-select-selection {
    border-radius: 0;
}

/*上*/
.city_top {
    width: 100%;
    background: #F6F8F9;
    box-shadow: 0 1px 0 0 #EAEEEF;
    padding: 20px;
}

.regiontop {
    border: 1px solid #eaeeef;
}

.city_top .choicecity, .city_top .regiontop {
    float: left;

}
.city_top .choicecity{
    width: 7.442%;
}
.city_top .choicecity .ivu-select {
    width: 100%;
    height: 24px;
}
.districtlevel_box .ivu-select-selection:hover {
    border-color: #EAEEEF;
}
.city_top .regiontop .ivu-select {
    width: 100%;
    height: 24px;
}

.city_top .choicecity .ivu-select .ivu-select-selection, .city_top .regiontop .ivu-select .ivu-select-selection {
    text-align: center;
    height: 24px;
    border-bottom: none;
}
.city_top .choicecity .ivu-select .ivu-select-selection{
    background: #FBFDFC;
    border: 1px solid #EAEEEF;
}
.city_top .choicecity .ivu-select .ivu-select-selection span {
    line-height: 24px;
    color: #4578C8;
    height: 24px;
}

.city_top .regiontop .ivu-select .ivu-select-selection span {
    line-height: 24px;
    height: 24px;
}

.city_top .choicecity .ivu-select .ivu-select-selection .ivu-select-placeholder {
    height: 24px;
}

.chaxun_input, .regiontop {
    float: left;
    margin-left: 12px;
}
.chaxun_input{
    width: 14.885%;
}
.regiontop{
    width: 9.303%;
}
.chaxun_input input {
    width: 100%;
    height: 24px;
    padding: 0 10px 0 10px;
    font-size: 12px;
    background: url(../images/nav-search.png) no-repeat;
    background-position: 93%;
    border: 1px solid #EAEEEF;
    background-color: #FBFDFC;
    border-radius: 0;

}

input::-webkit-input-placeholder {
    color: #C5C5C5;
    font-size: 12px;
}

.listings {
    width: 100px;
    height: 24px;
    background: #567ED2;
    border-radius: 4px;
    float: right;
    margin-left: 3%;
    cursor: pointer;
}

.listings .sangangimg {
    background: url(../images/sangang.png) no-repeat center;
    width: 14px;
    height: 12px;
    margin-top: 6px;
    margin-left: 10px;
    float: left;
}

.listings span {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    float: left;
    margin-left: 10px;
}

.regiontop .ivu-select-placeholder {
    float: left;
    height: 24px;
    margin-top: -1px;
}

.regiontop .ivu-select-selected-value {
    margin-right: 26px;
}

.regiontop .ivu-select-dropdown-list {
    text-align: center;
}

.choicecity .ivu-select-placeholder {
    margin-top: -2px;
}

.city_top .regiontop .ivu-select .ivu-select-selection {
    border: 0;
}

/*下*/
.districtlevel_box {
    width: 100%;
    height: 100%;
}

/*右边列表---上*/
.list_rightbox {
    width: 25%;
    height: 100%;
    float: right;
    padding-bottom: 180px;

}

.list_rightbox .list_right_top {
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid #EAEEEF;
    border-bottom: 1px solid #EAEEEF;
    height: 60px;
}

.list_right_top .textlisttop span {
    font-size: 12px;
    color: #666666;
    float: left;
    margin-left: 2%;
    margin-top: 2px;

}

.list_rightbox .list_right_top .address_img {
    background: url("../images/address.png") no-repeat center;
    width: 16px;
    height: 19px;
    float: left;
    margin-left: 3%;
}

.list_rightbox .list_right_top strong {
    font-size: 14px;
    color: #333333;
    float: left;
    margin-left: 2%;
}

.list_rightbox .list_right_top .average_price span {
    font-size: 12px;
    color: #F30416;
    float: left;
    margin-left: 8%;
    margin-top: -4px;
}

.list_rightbox .list_right_top .defaultsort_box {
    float: right;
    margin-right: 3%;
}

.defaultsort_box .ivu-select .ivu-select-selection {
    background: #FBFDFC;
    border: 1px solid #EAEEEF;
}

.defaultsort_box .ivu-select, .defaultsort_box .ivu-select .ivu-select-selection {
    border-radius: 0;
    width: 100px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #333333;
}

.defaultsort_box .ivu-select .ivu-select-placeholder {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #333333;
    margin-top: -2px;
}

.defaultsort_box .ivu-select-arrow {
    margin-top: -2px;
}

.defaultsort_box .ivu-select-selection .ivu-select-selected-value {
    margin-top: -2px;
    background: 0;
}

.defaultsort_box .ivu-select-single .ivu-select-selection .ivu-select-placeholder, .defaultsort_box .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    padding-left: 0px;
    margin-left: 14px;
    height: 24px;
    line-height: 24px;
}

.list_right_top .average_price span {
    font-size: 12px;
    color: #F30416;
}

.address {
    overflow: auto;
}

/*右边列表---下*/
.list_right_top .textlisttop {
    width: 100%;
    overflow: hidden;
    margin-top: 17px;
}

.list_right_down {
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow-y: auto;
}

.list_right_down .listrightdownbox {
    width: 100%;
}

.imagetext01 .imgtext-box {
    width: 100%;
    overflow: auto;
}

.list_right_down .listrightdownbox .imagetext01 {
    width: 100%;
    background: #F6F8F9;
    padding: 10px 6px 10px 10px;
    overflow: auto;

}

.list_right_down .listrightdownbox:nth-child(odd) .imagetext01 {
    background: #fff;
}

.listrightdownbox .roomimg {
    background: url("../images/2.png") no-repeat center;
    width: 70px;
    height: 50px;
    float: left;

}

.listrightdownbox .right-text {
    width: 77%;
    overflow: auto;
    border: 1px solid red;
    float: right;
}

.listrightdownbox .roomtext {
    font-size: 14px;
    color: #333333;
    float: left;
    margin-left: 10px;
}

.listrightdownbox .imagetext01 .roomlocation_img, .listrightdownbox .imagetext02 .roomlocation_img {
    background: url("../images/Location.png");
    width: 12px;
    height: 14px;
    float: right;
    margin-top: 3px;
}

.listrightdownbox .imagetext01 .address span, .listrightdownbox .imagetext02 span {
    font-size: 12px;
    color: #666666;
    float: left;
    margin-left: 10px
}

.listrightdownbox .imagetext01 .moneydonw span, .listrightdownbox .imagetext02 .moneydonw span {
    font-size: 12px;
    color: #F52030;
    float: right;
}

.list_right_down .listrightdownbox .imagetext02 {
    width: 100%;
    height: 70px;
    background: #Fff;
    padding: 10px 6px 10px 10px;
}

.list_right_down .roomtextimg {
    overflow: auto;
}

.moneydonw {
    overflow: hidden;
}

.moneydonw p {
    float: left;
    margin-left: 10px;
    font-size: 12px;
    color: #666666;
}

/*省级价格4.5*/

.haikou_box45, .wenchang_box45, .chengmai_box45, .qionghai_box45, .lingshui_box45, .sanya_box45, .dongfang_box45 {
    width: 84px;
    height: 84px;
    overflow: hidden;
    position: absolute;
}

.haikou_box45 {
    margin-top: -38%;
    margin-left: 37%;
}

.wenchang_box45 {
    margin-top: -32%;
    margin-left: 45%
}

.chengmai_box45 {
    margin-top: -33%;
    margin-left: 35%
}

.qionghai_box45 {
    margin-top: -25%;
    margin-left: 42%;
}

.lingshui_box45 {
    margin-top: -18%;
    margin-left: 35%;
}

.sanya_box45 {
    margin-top: -14%;
    margin-left: 30%
}

.dongfang_box45 {
    margin-top: -25%;
    margin-left: 20%
}

.shixian_price {
    width: 84px;
    height: 84px;
    border-radius: 42px;
    opacity: 0.9;
    background: #E3EFF7;
    border: 1px solid rgba(4, 157, 248, 0.30);
}

.shixian_price span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #4578C8;
    margin-top: 10px;
}

/*气泡框*/
.tag {
    width: 218px;
    height: 68px;
    background: #FBFDFC;
    border: 2px solid #7797DB;
    padding: 7px;
}

.tag em {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -30px;
    left: 100px;
    top: 66px;
    border-style: solid dashed dashed;
    border-color: #7797DB transparent transparent;
    font-size: 0;
    line-height: 0;
}

.tag .sanjiaoxing {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -27px;
    left: 100px;
    top: 63px;
    border-style: solid dashed dashed;
    border-color: #FFF transparent transparent;
    font-size: 0;
    line-height: 0;
}

.fangziimg {
    background: url(../images/1.png) no-repeat center;
    width: 70px;
    height: 50px;
    float: left;
}

.fangzitext strong {
    font-size: 14px;
    color: #333333;
    float: left;
    margin-left: 10px;
}

.fangzitext p {
    font-size: 12px;
    color: #F52030;
    margin-left: 10px;
    float: left;
    margin-top: 10px;
}

.fangzitext span {
    font-size: 12px;
    color: #666666;
    margin-left: 10px;
    float: left;
    margin-top: 10px;
}

.tag_red, .tag_blue {

}

.tag_red {
    border: 1px solid #F30416;
    margin-top: -24%;
    margin-left: 38%;
}

.tag_blue {
    border: 1px solid #049DF8;
    margin-top: -15%;
    margin-left: 45%;
}

.tag_red em, .tag_blue em {
    display: block;
    border-width: 5px;
    position: absolute;
    bottom: -20px;
    left: 32px;
    top: 27px;
    border-style: solid dashed dashed;
    font-size: 0;
    line-height: 0;
}

.tag_red em {
    border-color: #F30416 transparent transparent;
}

.tag_blue em {
    border-color: #049DF8 transparent transparent;
}

.tag_red .sanjiaoxing_red, .tag_blue .sanjiaoxing_blue {
    display: block;
    border-width: 5px;
    position: absolute;
    bottom: -10px;
    left: 32px;
    top: 26px;
    border-style: solid dashed dashed;
    border-color: #FFF transparent transparent;
    font-size: 0;
    line-height: 0;
}

.tag_red span, .tag_blue span {
    font-size: 12px;
    color: #333333;
}

.tag_red .taored, .tag_blue .taoblue {
    width: 35px;
    height: 27px;
    position: absolute;
    top: 0px;
    left: 42px;
    border-radius: 0 3px 3px 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 26px;
}

.tag_red .taored {
    background: #F30416;
    width: 35px;
    height: 27px;
}

.tag_blue .taoblue {
    background: #049DF8;
    margin-top: -1px;
}

/*弹框*/
.newhousing {
    position: absolute;
    top: 12%;
    left: 5%;
}

.newhousing .bnt-box, .new_residential_district .bnt-box {
    width: 100px;
    background: 0;
    padding: 0;
}

.newhousing .bnt-box dd, .new_residential_district .bnt-box dd {
    padding: 0 10px 0 10px;
}

.new_residential_district {
    position: absolute;
    top: 12%;
    left: 12%;
}

.peripheralhandoff {
    position: absolute;
    top: 12%;
    left: 19%;
}

.peripheralhandoff .ivu-select-selection, .peripheralhandoff .ivu-select-selection span {
    background: #567ED2;
    height: 24px;
    border-radius: 4px;
}

.peripheralhandoff .ivu-select-selection .ivu-select-placeholder, .peripheralhandoff .ivu-select-selection span {
    font-size: 12px;
    color: #FFFFFF;
    height: 24px;
    line-height: 23px;
}

.peripheralhandoff .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 24px;
    line-height: 24px;
}

/*省级价格4.5.1*/
.haidiandao_box451, .guomao_box451, .longhuaqu_box451, .qiongshanqu_box451, .xiuying_box451, .meilan_box451, .xihaian_box451 {
    width: 84px;
    height: 84px;
    overflow: hidden;
    position: absolute;
}

.haidiandao_box451 {
    margin-top: -45%;
    margin-left: 38%;
}

.guomao_box451 {
    margin-top: -38%;
    margin-left: 38%
}

.longhuaqu_box451 {
    margin-top: -33%;
    margin-left: 32%
}

.qiongshanqu_box451 {
    margin-top: -25%;
    margin-left: 42%;
}

.xiuying_box451 {
    margin-top: -28%;
    margin-left: 25%;
}

.meilan_box451 {
    margin-top: -38%;
    margin-left: 45%
}

.xihaian_box451 {
    margin-top: -38%;
    margin-left: 20%
}

.shixian_price {
    width: 84px;
    height: 84px;
    border-radius: 42px;
    opacity: 0.8;
    background: #ECFAE1;
    border: 1px solid rgba(108, 203, 36, 0.30);;
}

.shixian_price01 {
    width: 84px;
    height: 84px;
    border-radius: 42px;
    opacity: 0.9;
    background: #E3EFF7;
    border: 1px solid rgba(4, 157, 248, 0.30);
}

.shixian_price span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #62C018;
    margin-top: 10px;
}

.shixian_price01 span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #4578C8;
    margin-top: 10px;
}

/*弹框*/
.newhousing {
    position: absolute;
    top: 12%;
    left: 5%;
}

.newhousing .bnt-box, .new_residential_district .bnt-box {
    width: 100px;
    background: 0;
    padding: 0;
}

.newhousing .bnt-box dd, .new_residential_district .bnt-box dd {
    padding: 0 10px 0 10px;
}

.new_residential_district {
    position: absolute;
    top: 12%;
    left: 12%;
}

.peripheralhandoff {
    position: absolute;
    top: 12%;
    left: 19%;
}

.peripheralhandoff .ivu-select-selection, .peripheralhandoff .ivu-select-selection span {
    background: #567ED2;
}

.peripheralhandoff .ivu-select-selection .ivu-select-placeholder, .peripheralhandoff .ivu-select-selection span {
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.jiantou {
    background: url(../images/yincang.png) no-repeat center;
    width: 24px;
    height: 20px;
    position: absolute;
    margin-top: 18%;
    margin-left: -2.3%;
    background-color: #FFFFFF;
    border: 1px solid #EAEEEF;
    cursor: pointer;
    border-radius: 4px;
}

.xianshi {
    background: url(../images/xianshi.png) no-repeat center;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-top: 15%;
    margin-left: -2.3%;
    background-color: #FFFFFF;
    border: 1px solid #EAEEEF;
    cursor: pointer;
}

/*省级价格4.5.2*/
.haidiandao_box452, .guomao_box452, .longhuaqu_box452, .qiongshanqu_box452, .xiuying_box452, .meilan_box452, .xihaian_box452 {
    width: 84px;
    height: 84px;
    overflow: hidden;
    position: absolute;
}

.haidiandao_box452 {
    margin-top: -45%;
    margin-left: 38%;
}

.guomao_box452 {
    margin-top: -30%;
    margin-left: 38%
}

.longhuaqu_box452 {
    margin-top: -15%;
    margin-left: 40%
}

.qiongshanqu_box452 {
    margin-top: -25%;
    margin-left: 42%;
}

.xiuying_box452 {
    margin-top: -28%;
    margin-left: 25%;
}

.meilan_box452 {
    margin-top: -38%;
    margin-left: 45%
}

.xihaian_box452 {
    margin-top: -36%;
    margin-left: 10%
}

.shixian_price {
    width: 84px;
    height: 84px;
    border-radius: 42px;
    opacity: 0.8;
    background: #ECFAE1;
    border: 1px solid rgba(108, 203, 36, 0.30);;
}

.shixian_price01 {
    width: 84px;
    height: 84px;
    border-radius: 42px;
    opacity: 0.9;
    background: #E3EFF7;
    border: 1px solid rgba(4, 157, 248, 0.30);
}

.shixian_price span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #62C018;
    margin-top: 10px;
}

.shixian_price01 span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #4578C8;
    margin-top: 10px;
}

/*弹框*/
.newhousing {
    position: absolute;
    top: 12%;
    left: 5%;
}

.newhousing .bnt-box, .new_residential_district .bnt-box {
    width: 100px;
    background: 0;
    padding: 0;
}

.newhousing .bnt-box dd, .new_residential_district .bnt-box dd {
    padding: 0 10px 0 10px;
}

.new_residential_district {
    position: absolute;
    top: 12%;
    left: 12%;
}

.peripheralhandoff {
    position: absolute;
    top: 12%;
    left: 19%;
}

.peripheralhandoff .ivu-select-selection, .peripheralhandoff .ivu-select-selection span {
    background: #567ED2;
}

.peripheralhandoff .ivu-select-selection .ivu-select-placeholder, .peripheralhandoff .ivu-select-selection span {
    font-size: 12px;
    color: #FFFFFF;
}

.jiantou {
    background: url(../images/yincang.png) no-repeat center;
    width: 20px;
    height: 20px;

    background-color: #FFFFFF;
    border: 1px solid #EAEEEF;
    cursor: pointer;
}

.list_right_down h3 {
    margin-top: 15%;
    margin-left: -29px;
}

.xianshi {
    background: url(../images/xianshi.png) no-repeat center;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-top: 15%;
    margin-left: -2.3%;
    background-color: #FFFFFF;
    border: 1px solid #EAEEEF;
    cursor: pointer;
}

.container-map {
    width: 100%;
    height: 100%;
}

#app-map {
    width: 100%;
    height: 100%;
}






























